// 公共css放这里
// mixin 详见 ../mixins/_mixins.scss
// fs 12 to 40px; eg: fs-12 fs-16
@include oFsSet();
// pd mg 5 to 50 ltbr;  pd-t5 pd-r5 pd-b5 pd-r5: 上右下左   mg-f5:各个方向 mg-x5: x轴方向 mg-y5: y轴方向
@include oPdMgSet();
// pd mg 8 ltbr eg: pd-l8 pd-l16 pd-l24 pd-l36
@include oPdMgSet(4, 8);
// rotate 0 to 360 eg: rot-90
@include oRotate();
// flex相关
@include oFlex();
// 清除浮动
.c-b {
  @include iCB();
}

// overflow
.of-a {
  overflow: auto;
  // 移动端
  -webkit-overflow-scrolling: touch;
}

.of-h {
  overflow: hidden;
}

// 宽度100%
.full-w {
  width: 100%;
}

// 高度100%
.full-h {
  height: 100%;
}

// 对齐方式
.ta-c {
  text-align: center;
}

.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

// 换行
.w-b {
  word-wrap: break-word;
  word-break: break-all;
}

// position
.p-r {
  position: relative;
}

.p-a {
  position: absolute;
}

.p-f {
  position: fixed;
}

// 加粗
.b {
  font-weight: bold;
}

// 显示行数，过长显示...
.text-line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.text-line-2 {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.text-line-3 {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
// 点击效果
.tap {
  transition: 400ms;
  &:active {
    transition: 0;
    background-color: #d9d9d9;
  }
}
